@charset "utf-8";/*!
 * Created by x2h on 2022/6/23.
 * @名称：x2h.base.css
 */
/* basic */
body{font-size:14px;background-color:#f3f4f6;font-family:Microsoft Yahei,sans-serif;-webkit-overflow-scrolling:touch;-webkit-transition:.5s;-o-transition:.5s;-moz-transition:.5s;-ms-transition:.5s;transition:.5s}
a, abbr, acronym, address, applet, article, aside, audio, b, big, blockquote, body, canvas, caption, center, cite, code, dd, del, details, dfn, div, dl, dt, em, embed, fieldset, figcaption, figure, footer, form, h1, h2, h3, h4, h5, h6, header, hgroup, html, i, img, ins, kbd, label, legend, li, mark, menu, nav, object, ol, output, p, pre, q, ruby, s, samp, section, small, span, strike, sub, summary, sup, table, tbody, td, tfoot, th, thead, time, tr, tt, u, ul, var, video {margin: 0;padding: 0;}
input,select{vertical-align:middle;border:none}
li,ul{list-style-type:none}
img{border:0 none}
p{margin-bottom:10px}
a,a:active,a:visited{color:#555;text-decoration:none}
a:hover{color:#10b981}
.clearfix:after,.clearfix:before{clear:both;display:block;visibility:none;height:0;content:"";line-height:0}
button{cursor:pointer}
*,::after,::before{box-sizing:border-box;border-width:0;border-style:solid;border-color:currentColor}
li,ul{list-style-type:none}
.shadow{box-shadow:0 1px 8px rgba(0,0,0,.1)}
.f-red{color:red}
.hidden{display:none}
.nowrap{white-space:nowrap;overflow-y:hidden;overflow-x:scroll;-webkit-overflow-scrolling:touch}
.txt-ov{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.flex{display:flex}
.oh{overflow:hidden}
.unl{text-decoration:underline}
.no_unl{text-decoration:none}
.tl{text-align:left}
.tc{text-align:center}
.tr{text-align:right}
.ma{margin-right:auto;margin-left:auto}
.fl{display:inline;float:left}
.fr{display:inline;float:right}
.cb{clear:both}
.cl{clear:left}
.cr{clear:right}
.vm{vertical-align:middle}
.pr{position:relative}
.pa{position:absolute}
.right{right:0}
.left{left:0}
.top{left:0}
.bottom{bottom:0}
.zoom{zoom:1}
.hide{display:none}
.block{display:block}
.fixed{position: fixed;}
.bg-red{background-color:#ef4444}
.bg-yellow{background-color:#f59e0b}
.bg-gray{background-color:#f3f4f6}
.bg-white{background-color:#fff}
.bg-black{background-color:#000}
.bg-green{background-color:#10b981}
.bg-blue{background-color:#3b82f6}
.bg-indigo{background-color:#6366f1}
.bg-purple{background-color:#8b5cf6}
.bg-pink{background-color:#ec4899}
.img-box[data-ratio="60"]{padding-top:60%}
.img-box[data-ratio="70"]{padding-top:70%}
.f10{font-size:10px!important}
.f11{font-size:11px!important}
.f12{font-size:12px!important}
.f13{font-size:13px!important}
.f14{font-size:14px!important}
.f15{font-size:15px!important}
.f16{font-size:16px!important}
.f17{font-size:17px!important}
.f18{font-size:18px!important}
.f19{font-size:19px!important}
.f20{font-size:20px!important}
.w10{width:10px!important}
.w20{width:20px!important}
.w30{width:30px!important}
.w40{width:40px!important}
.w50{width:50px!important}
.w60{width:60px!important}
.w70{width:70px!important}
.w80{width:80px!important}
.w90{width:90px!important}
.w100{width:100px!important}
.w200{width:200px!important}
.w300{width:300px!important}
.w400{width:400px!important}
.w500{width:500px!important}
.w600{width:600px!important}
.w700{width:700px!important}
.w800{width:800px!important}
.w{width:100%!important}
.h{height:100%!important}
.h10{height:10px!important}
.h20{height:20px!important}
.h30{height:30px!important}
.h40{height:40px!important}
.h50{height:50px!important}
.h60{height:60px!important}
.h70{height:70px!important}
.h80{height:80px!important}
.h90{height:90px!important}
.h100{height:100px!important}
.h200{height:200px!important}
.m5{margin:5px!important}
.m10{margin:10px!important}
.m15{margin:15px!important}
.m20{margin:20px!important}
.m25{margin:25px!important}
.m30{margin:30px!important}
.mt5{margin-top:5px!important}
.mt10{margin-top:10px!important}
.mt15{margin-top:15px!important}
.mt20{margin-top:20px!important}
.mt25{margin-top:25px!important}
.mt30{margin-top:30px!important}
.mt35{margin-top:35px!important}
.mt40{margin-top:40px!important}
.mt45{margin-top:45px!important}
.mt50{margin-top:50px!important}
.mt100{margin-top:100px!important}
.mb5{margin-bottom:5px!important}
.mb10{margin-bottom:10px!important}
.mb15{margin-bottom:15px!important}
.mb20{margin-bottom:20px!important}
.mb25{margin-bottom:25px!important}
.mb30{margin-bottom:30px!important}
.mb35{margin-bottom:35px!important}
.mb40{margin-bottom:40px!important}
.mb45{margin-bottom:45px!important}
.mb50{margin-bottom:50px!important}
.mb100{margin-bottom:100px!important}
.ml5{margin-left:5px!important}
.ml10{margin-left:10px!important}
.ml15{margin-left:15px!important}
.ml20{margin-left:20px!important}
.ml30{margin-left:30px!important}
.ml50{margin-left:50px!important}
.ml100{margin-left:100px!important}
.mr5{margin-right:5px!important}
.mr10{margin-right:10px!important}
.mr15{margin-right:15px!important}
.mr20{margin-right:20px!important}
.mr25{margin-right:25px!important}
.mr30{margin-right:30px!important}
.mr35{margin-right:35px!important}
.mr40{margin-right:40px!important}
.mr45{margin-right:45px!important}
.mr50{margin-right:50px!important}
.mr100{margin-right:100px!important}
.p0{padding:0px!important}
.p5{padding:5px!important}
.p10{padding:10px!important}
.p15{padding:15px!important}
.p20{padding:20px!important}
.p25{padding:25px!important}
.p30{padding:30px!important}
.p50{padding:50px!important}
.pt5{padding-top:5px!important}
.pt10{padding-top:10px!important}
.pt15{padding-top:15px!important}
.pt20{padding-top:20px!important}
.pt25{padding-top:25px!important}
.pt30{padding-top:30px!important}
.pt50{padding-top:50px!important}
.pt100{padding-top:100px!important}
.pb5{padding-bottom:5px!important}
.pb10{padding-bottom:10px!important}
.pb15{padding-bottom:15px!important}
.pb20{padding-bottom:20px!important}
.pb25{padding-bottom:25px!important}
.pb30{padding-bottom:30px!important}
.pb50{padding-bottom:50px!important}
.pb100{padding-bottom:100px!important}
.pl0{padding-left:0px!important}
.pl5{padding-left:5px!important}
.pl10{padding-left:10px!important}
.pl15{padding-left:15px!important}
.pl20{padding-left:20px!important}
.pl25{padding-left:25px!important}
.pl30{padding-left:30px!important}
.pl50{padding-left:50px!important}
.pl100{padding-left:100px!important}
.pr0{padding-right:0px!important}
.pr5{padding-right:5px!important}
.pr10{padding-right:10px!important}
.pr15{padding-right:15px!important}
.pr20{padding-right:20px!important}
.pr25{padding-right:25px!important}
.pr30{padding-right:30px!important}
.pr50{padding-right:50px!important}
.pr100{padding-right:100px!important}
.col-1{width:8.333333%;flex:0 0 8.333333%}
.col-2{width:16.666667%;flex:0 0 16.666667%}
.col-3{width:25%;flex:0 0 25%}
.col-4{width:33.333333%;flex:0 0 33.333333%}
.col-5{width:41.666667%;flex:0 0 41.666667%}
.col-6{width:50%;flex:0 0 50%}
.col-7{width:58.333333%;flex:0 0 58.333333%}
.col-8{width:66.666667%;flex:0 0 66.666667%}
.col-9{width:75%;flex:0 0 75%}
.col-10{width:83.333333%;flex:0 0 83.333333%}
.col-11{width:91.666667%;flex:0 0 91.666667%}
.col-12{width:100%;flex:0 0 100%}
@media (min-width:576px){
    .col-sm-1{width:8.333333%;flex:0 0 8.333333%}
    .col-sm-2{width:16.666667%;flex:0 0 16.666667%}
    .col-sm-3{width:25%;flex:0 0 25%}
    .col-sm-4{width:33.333333%;flex:0 0 33.333333%}
    .col-sm-5{width:41.666667%;flex:0 0 41.666667%}
    .col-sm-6{width:50%;flex:0 0 50%}
    .col-sm-7{width:58.333333%;flex:0 0 58.333333%}
    .col-sm-8{width:66.666667%;flex:0 0 66.666667%}
    .col-sm-9{width:75%;flex:0 0 75%}
    .col-sm-10{width:83.333333%;flex:0 0 83.333333%}
    .col-sm-11{width:91.666667%;flex:0 0 91.666667%}
    .col-sm-12{width:100%;flex:0 0 100%}
}
@media (min-width:768px){
    .col-md-1{width:8.333333%;flex:0 0 8.333333%}
    .col-md-2{width:16.666667%;flex:0 0 16.666667%}
    .col-md-3{width:25%;flex:0 0 25%}
    .col-md-4{width:33.333333%;flex:0 0 33.333333%}
    .col-md-5{width:41.666667%;flex:0 0 41.666667%}
    .col-md-6{width:50%;flex:0 0 50%}
    .col-md-7{width:58.333333%;flex:0 0 58.333333%}
    .col-md-8{width:66.666667%;flex:0 0 66.666667%}
    .col-md-9{width:75%;flex:0 0 75%}
    .col-md-10{width:83.333333%;flex:0 0 83.333333%}
    .col-md-11{width:91.666667%;flex:0 0 91.666667%}
    .col-md-12{width:100%;flex:0 0 100%}
}
@media (min-width:992px){
    .col-lg-1{width:8.333333%;flex:0 0 8.333333%}
    .col-lg-2{width:16.666667%;flex:0 0 16.666667%}
    .col-lg-3{width:25%;flex:0 0 25%}
    .col-lg-4{width:33.333333%;flex:0 0 33.333333%}
    .col-lg-5{width:41.666667%;flex:0 0 41.666667%}
    .col-lg-6{width:50%;flex:0 0 50%}
    .col-lg-7{width:58.333333%;flex:0 0 58.333333%}
    .col-lg-8{width:66.666667%;flex:0 0 66.666667%}
    .col-lg-9{width:75%;flex:0 0 75%}
    .col-lg-10{width:83.333333%;flex:0 0 83.333333%}
    .col-lg-11{width:91.666667%;flex:0 0 91.666667%}
    .col-lg-12{width:100%;flex:0 0 100%}
}
@media (min-width:1200px){
    .col-xl-1{width:8.333333%;flex:0 0 8.333333%}
    .col-xl-2{width:16.666667%;flex:0 0 16.666667%}
    .col-xl-3{width:25%;flex:0 0 25%}
    .col-xl-4{width:33.333333%;flex:0 0 33.333333%}
    .col-xl-5{width:41.666667%;flex:0 0 41.666667%}
    .col-xl-6{width:50%;flex:0 0 50%}
    .col-xl-7{width:58.333333%;flex:0 0 58.333333%}
    .col-xl-8{width:66.666667%;flex:0 0 66.666667%}
    .col-xl-9{width:75%;flex:0 0 75%}
    .col-xl-10{width:83.333333%;flex:0 0 83.333333%}
    .col-xl-11{width:91.666667%;flex:0 0 91.666667%}
    .col-xl-12{width:100%;flex:0 0 100%}
}
@media (max-width:575px){
    .hidden-xs{display:none!important}
}
@media (min-width:576px) and (max-width:767px){
    .hidden-sm{display:none!important}
}
@media (min-width:768px) and (max-width:991px){
    .hidden-md{display:none!important}
}
@media (min-width:992px) and (max-width:1199px){
    .hidden-lg{display:none!important}
}
@media (min-width:1200px){
    .hidden-xl{display:none!important}
}
@media (min-width:768px){.container{width:80%}
}